<template>
  <div class="detali">
      <div class="top">
          <video :src="mv[1]" autoplay muted controls ></video>
      </div>
   
  </div>
</template>

<script>
import {mvlist} from '../../api/mv'
export default {
data(){
    return{
        mv:'',
        vid:''
    }
},
        methods:{
            get(){
                // console.log(mvdetail);
                var getvid=this.$route.query.getmv
                this.axios.get(`${mvlist}/mv/url?id=${this.vid||getvid}`).then((res) => {
                    // console.log(res.data.data[this.vid]);
                    this.mv=res.data.data[this.vid||getvid]
                
                }).catch((err) => {
                    console.log(err);
                });
            },
            succers(){
                this.axios.get('https://api.qq.jsososo.com/mv?id=v00369f4l9x').then(res=>{
                    // console.log(res);
                }).catch(err=>{
                    console.log(err);
                })
            }
        },
        created(){
             this.vid=this.$route.query.vid
            this.get()
            this. succers()
       
        },
}
</script>

<style lang="scss" scoped>
.detali{
    width: 100%;
    // height: auto;
    margin: 0 auto;
    height: auto;
    margin-top: 100px;
         background-color: #333333;
    .top{
        width: 1300px;
        margin: 0 auto;
        video{
            width: 100%;
            display: block;
            height: auto;
        }
    }
}
</style>